  
var Entrega = new Ext.ux.form.FileUploadField({
	id:'rpe_ruta',
	name:'rpe_ruta',
	width: 450,
	style: {
	"size": "53px" ,
	"width":"290px"// you have to adjust for it somewhere else
	}
});


var FasesComboE = new Ext.form.ComboBox({
	name: 'fase_combo',
	fieldLabel: 'Fase',
	mode: 'local',
	store: faseEstudianteEntrega,
	emptyText: 'Seleccione una Fase',
	triggerAction: 'all',
	id:'rpe_fase',
	valueField:'cfc_fase',
	displayField:'fas_nombrefase',
	width: 300
});

var ActividesComboE = new Ext.form.ComboBox({
	name: 'actividad_combo',
	fieldLabel: 'Actividad',
	mode: 'local',
	store: actividadEstudiante,
	disabled: true,
	triggerAction: 'all',
	emptyText: 'Seleccione una Actividad',
	id:'rpe_actividad',
	valueField:'act_idactividad',
	displayField:'act_nombreactividad',
	width: 300
});
var ArtefactosComboE = new Ext.form.ComboBox({
	name: 'artefacto_combo',
	fieldLabel: 'Artefactos',
	mode: 'local',
	store: artefactosEstudiante,
	disabled: true,
	triggerAction: 'all',
	emptyText: 'Seleccione un Artefacto',
	id:'rpe_artefacto',
	valueField:'cfc_artefacto',
	displayField:'art_nombreartefacto',
	width: 300
});


FasesComboE.on('select', function(cmb,record,index){
	ActividesComboE.enable();
	ActividesComboE.clearValue();
	actividadEstudiante.load({params:{fase:record.get('cfc_fase')}});
	}
);

ActividesComboE.on('select', function(cmb,record,index){
	ArtefactosComboE.enable();
	ArtefactosComboE.clearValue();
	artefactosEstudiante.load({params:{actividad:record.get('act_idactividad')}});
	}
);

var formEntregaArtefacto = new Ext.FormPanel({
	labelAlign: 'top',
	title: 'Buzon de Entregas',
	bodyStyle:'padding:5px',
	width: 400,
	fileUpload: true,
	height:600,
	defaults: {width: 350},
	defaultType: 'textfield',
	items: [
	{  
		xtype:'hidden',//<-- campo oculto (hidden)  
		name:'rpe_idreporte',
		id:'rpe_idreporte',//el nombre con que se envia al servidor  
		value:'rpe_idreporte'//el valor que contendr?  
		},
	Entrega,
	FasesComboE,
	ActividesComboE,
	ArtefactosComboE,
	{
		xtype:'htmleditor',
		id:'rpe_mensaje',
		name:'rpe_mensaje',
		fieldLabel:'Mensaje',
		height:200,
		anchor:'98%'
	}
	],
	buttons: [
	{
	text: 'Enviar',
	handler : function()
	{   
		var fase_combo= Ext.getCmp('rpe_fase').getValue();
		var artefacto_combo= Ext.getCmp('rpe_artefacto').getValue();
		var actividad_combo= Ext.getCmp('rpe_actividad').getValue();

		//alert(fase_combo);
		formEntregaArtefacto.getForm().submit({
		url: '../modulo_estudiante/controlador/inicio.php',  
		method: 'POST',
		mBind: true,
		params: {accion: 'registrarEntrega',
                combofase: fase_combo,
                comboArtefacto:artefacto_combo,
                comboActividad:actividad_combo
		},

		success: function(a,b){
                              console.log('enviando');
			responseData = Ext.util.JSON.decode(b.response.responseText);
			console.log(responseData.msg);
			//alert(responseData.msg) ;
			if(responseData.msg==false)
			{
				Ext.Msg.alert('Error','Verfique que los datos sean correctos');  
			}
                                                /*if(responseData.msg==" ")
                                                {
                                                                Ext.Msg.alert('Mensaje','la fecha limite de entraga ha pasado');  
                                                }*/
			else
			{
				Ext.Msg.alert('Confirmacion.....','Envio Exitoso');  
                formEntregaArtefacto.getForm().reset();
			}
		},
		failure: function(f,a){
			alert('failure');
			Ext.Msg.alert('Mensaje','la fecha limite de entraga ha pasado');  
		}
		});
	}
	},
	{
		text: 'Limpliar',
			handler:function(){formEntregaArtefacto.getForm().reset();}
	}]
});